<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript"
        src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=CY&nickName=八字财运&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>财富秘笈重点分析</title>
    <!-- <script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"},e.exports=t["default"]}]); flex(100, 1);</script> -->
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <!--<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1273421553'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1273421553%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
    <script
        type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1273421553'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1273421553' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_" +< !--{ $channelID }--> +"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D" +< !--{ $channelID }--> +"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <style>
        body {
            background-color: #CB2316;
        }

        .master {
            padding: 7px 7px 0;
        }

        .zm_form .zm_form_wrap {
            width: 7.10rem;
            /* height: 3.06rem; */
            background-color: #FFF5E9;
            border-radius: .1rem;
            border: solid 0.02rem #932a3c;
            box-sizing: border-box;

            /* padding:7px; */
            overflow: hidden;
            margin: 0 auto;
        }

        .zm_form .zm_form_wrap ul {
            width: 100%;
            background-color: transparent !important;
        }

        .zm_form .zm_form_wrap ul li {
            background-color: transparent !important;
        }

        .zm_form .zm_form_wrap ul li {
            border-color: #cdcdcd;
        }

        .cs_btn {
            width: 7.22rem;
            display: block;
            height: 0.91rem;
            background: url('__PUBLIC__/images/bzcy_img/v1/but1.png') no-repeat center center;
            background-size: 100% 100%;
            /* background:#FC9424;font-size:24px;color:#442b2b; */
        }

        .form_bottom {
            color: #ffffff;
        }

        .form_bottom b {
            color: #fcb005;
            padding: 0 5px;
        }

        .form_bottom a {
            color: #fcb005;
            text-decoration: underline;
            padding-left: 20px;
        }

        .pay_know {
            margin: 0px 7px 0px;
            background-color: #361003;
        }

        .pay_know .title {
            text-align: center;
            margin: 0 46px 20px;
            height: 35px;
            line-height: 35px;
            font-size: 12px;
            background-color: #945A29;
            color: #ffffff;
        }

        .imgBox {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
            margin-top: 22px;
            margin-bottom: 25px;
        }

        .pay_know .msguser1 {
            width: 80%;
            height: 64px;
            margin: 0 5px 0 0
        }

        .msguser {
            width: 57px;
            height: 57px;
        }

        .pay_know .mgt30 {
            margin: 30px 46px 20px;
        }

        .hot_cs {
            border-bottom: 3px solid #E0E0E0;
            border: none;
            margin: 0 7px 7px;
        }

        .hot_title {
            background-color: #e3a25a;
        }

        .hot_cs .hot_ul {
            border: none;
            background-color: #301005;
        }

        .hot_cs .hot_ul li p {
            color: #ffffff;
        }

        .footer_severs {
            background-color: #A51F2A;
            color: #ffffff;
        }

        .pb20 {
            padding: 0 7px;
        }

        .zm_form .zm_form_wrap .form_auto i {
            width: .2rem;
            height: 0.2rem;
            background-image: none !important;
            display: block;
            padding: 2px;
            background-clip: content-box !important;
            background-color: #fff !important;
            border: 2px solid #CDCDCD !important
        }

        .zm_form .zm_form_wrap .form_auto .on i {

            background-color: #E44848 !important;
            border-color: #E44848 !important
        }

        .zm_form .zm_form_wrap .form_left {
            font-size: .32rem;
            color: #6f0211;
        }

        .pay_know-img {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .pay_know-img img.src {
            width: 7.22rem;
            display: block;
            height: auto;
            /* margin-bottom: 0.2rem; */
        }

        .m20 {
            margin-bottom: .8rem;
        }

        .footer_severs {
            background-color: #CB2316 !important;
        }

        .zm_form .zm_form_wrap ul li {
            height: 1rem;
            background-color: #fff;
            display: flex;
            align-items: center;
        }

        .zm_form .zm_form_wrap ul li .form_auto {
            /* display: flex;
            align-items: center; */
        }

        #but_man,
        #but_woman {
            padding-top: 0;
        }

        #datetime {
            background-image: none !important;
        }

        .fiex_bt {
            height: 1.11rem;
            line-height: 1.11rem;
        }

        .btn2 {
            width: 7.5rem !important;
            height: 1.11rem !important;
            background: url('__PUBLIC__/images/bzcy_img/v1/but2.png') no-repeat center center;
            margin: 0 !important;
            display: block;
            background-size: 100% 100%
        }

        .m20 {
            margin-bottom: .4rem;
        }

        .Js_date {
            background-image:none!important;
        }
    </style>
</head>

<body>
    <include file="Public/header" />
    <div class="zm_banner">
        <img src="__PUBLIC__/images/bzcy_img/v7/banner.png" width="100%" />
    </div>
    <div class="master" id="scrollT">
        <img src="__PUBLIC__/images/bzcy_img/v7/dashijieshao@2x.png" width="100%" />
    </div>
    <form id="_form" class="zm_form _form1" action="<!--{:U('Bzcy/bzcy_zhifu','',false)}-->" method="post" id="forms">
        <div class="zm_form_wrap">
            <ul>
                <li>
                    <div class="form_left">您的性别</div>
                    <div class="form_auto">
                        <span class="on" id="but_man" data-value="1">
                            <i></i>
                            <font>男</font>
                        </span>
                        <span id="but_woman" data-value="0">
                            <i></i>
                            <font>女</font>
                        </span>
                        <input class='gender1' type="hidden" id="sex" name="gender" value="1" />
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                        <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday1">
                            请选择你的出生日期</div>
                        <input type="hidden" id="birthday1" name="birthday" value="">
                    </div>
                </li>
                <li>
                    <div class="form_left">您的姓名</div>
                    <div class="form_auto">
                        <input type="text" class="bg_no" placeholder="匿名（可不填）" id="username1" name="username" />
                    </div>
                </li>
            </ul>
        </div>
        <a href="javascript:;" class="cs_btn type1"></a>
        <div class="form_bottom">
            已有<b>
                <!--{$Think.cookie.bzcycs}--></b>人测算<a href="/zhiming/index.php/Home-Index-mycesuan"
                class="oldtm">查看历史订单</a>
        </div>
    </form>
    <div class="pay_know-img">
        <img src="__PUBLIC__/images/bzcy_img/v7/2.png" alt="" class="src m20">
        <img src="__PUBLIC__/images/bzcy_img/v7/3.png" alt="" class="src">
        <img src="__PUBLIC__/images/bzcy_img/v7/4.png" alt="" class="src">

        <!-- <p>
            <img src="__PUBLIC__/images/bzcy_img/j_part1_pic_main@2x.png" width="100%"/>
        </p>
        <p class="title">2019，你想甩掉霉运做新年大富翁吗？</p>
        <p>
            <img src="__PUBLIC__/images/bzcy_img/j_caiyun_img.png" width="100%"/>
            <div class="imgBox">
                <img src="__PUBLIC__/images/bzcy_img/img-kewang@2x.png" alt="" class="msguser1">
                <img src="__PUBLIC__/images/bzcy_img/img-dashi2@2x.png" alt="" class="msguser">
            </div>
        </p>
        <p>
            <img src="__PUBLIC__/images/bzcy_img/j_part2_pic_top@2x.png" width="100%"/>
        </p>
        <p class="pb20">
               <img src="__PUBLIC__/images/bzcy_img/img_caifumingshu.png" width="100%"/>
        </p>
        <p class="title mgt30">2019发财开运方法</p>
        <p>
            <img src="__PUBLIC__/images/bzcy_img/img-facaisshijain2x.png" width="100%"/>
        </p> -->

    </div>
    <br/>

    <form class="zm_form _form2" action="<!--{:U('Bzcy/bzcy_zhifu','',false)}-->" method="post" id="forms">
        <div class="zm_form_wrap">
            <ul>
                <li>
                    <div class="form_left">您的性别</div>
                    <div class="form_auto">
                        <span class="on" id="but_man2" data-value="1">
                            <i></i>
                            <font>男</font>
                        </span>
                        <span id="but_woman2" data-value="0">
                            <i></i>
                            <font>女</font>
                        </span>
                        <input class='gender2' type="hidden" id="sex2" name="gender" value="1" />
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                        <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime2" data-id="birthday2">
                            请选择你的出生日期</div>
                        <input type="hidden" id="birthday2" name="birthday" value="">
                    </div>
                </li>
                <li>
                    <div class="form_left">您的姓名</div>
                    <div class="form_auto">
                        <input type="text" class="bg_no" placeholder="匿名（可不填）" id="username2" name="username" />
                    </div>
                </li>
            </ul>
        </div>
        <a href="javascript:;" class="cs_btn type2"></a>
        <div class="form_bottom">
            已有<b>
            <!--{$Think.cookie.bzcycs}--></b>人测算<a href="/zhiming/index.php/Home-Index-mycesuan"
                                                   class="oldtm">查看历史订单</a>
        </div>
    </form>

    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 热门测算 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>

    <!-- 脚 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>

    <div class="fiex_bt" id="fiex">
        <a href="javascript:;" class="btn2"></a>
    </div>
</body>

<script>
    console.log(window.location.href);
    //测算底部悬浮
    $(function () {
        var topShow = $(".cs_btn");
        if (topShow.length) {
            var topShow = topShow.offset().top;
            var testBtn = $("#fiex");
            $(window).scroll(function () {
                var wt = $(window).scrollTop();
                wt > topShow ? (testBtn.fadeIn(), $('.footer_severs').css('padding-bottom', '1.2rem')) : (testBtn.fadeOut(), $('.footer_severs').css('padding-bottom', '0.4rem'));
            });
            // goTop
            $('#fiex').on('click', function () { $('html,body').animate({ scrollTop: $('#scrollT')[0].offsetTop }, 500) });

            $.getJSON("<!--{:U('Index/indexXfan','',false)}-->", { csName: 'CY' }, function (data) {//首页-悬浮按钮统计
            });
        }
    });

    var calendar1 = new lCalendar().init('#datetime');//男

    var calendar2 = new lCalendar().init('#datetime2');


    $(".cs_btn").on('click', function (e) {
        $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->", { csName: 'CY' }, function (data) {//首页-立即测算统计
        });

        var type = e.target.className.match(/\d/)[0]
        var nameid = '#username'+type
        var sexid = '.gender'+type
        var bid = '#birthday'+type

        if($(nameid).val() == ""){
            $(nameid).val('匿名');
            // layer.msg("请输入您的名字");
            // return false;
        }else if($(nameid).val().length < 2){
            layer.msg("姓名长度不能少于2");
            return false;
        }else if($(nameid).val().length > 6){
            layer.msg("姓名长度过长");
            return false;
        }

        var patrn= /[\u4E00-\u9FA5]/gi;
        if(!patrn.exec($(nameid).val())){
            layer.msg("请输入中文名字");
            return false;
        }

        if($(bid).val() == ""){
            layer.msg("请选择生时");
            return false;
        }

        var oli = layer.load();
        setTimeout(function(){
            layer.closeAll('loading');
            layer.msg('订单提交成功', {icon: 1});
            setTimeout(function(){
                var id = '._form'+type
                $(id).submit();
//                    $('#_form').submit();
            },1300);
        },1000);
    });

    // 选择按钮
    var obut_man = document.getElementById('but_man');
    var obut_woman = document.getElementById('but_woman');
    var osex = document.getElementById('sex');
    obut_man.onclick = function () {
        obut_man.classList.add("on");
        osex.value = 1;
        obut_woman.classList.remove('on');
    }
    obut_woman.onclick = function () {
        obut_woman.classList.add("on");
        osex.value = 0;
        obut_man.classList.remove('on');
    };

    // 选择按钮
    var obut_man2 = document.getElementById('but_man2');
    var obut_woman2 = document.getElementById('but_woman2');
    var osex2 = document.getElementById('sex2');
    obut_man2.onclick = function(){
        obut_man2.classList.add("on");
        osex2.value = 1;
        obut_woman2.classList.remove('on');
    }
    obut_woman2.onclick = function(){
        obut_woman2.classList.add("on");
        osex2.value = 0;
        obut_man2.classList.remove('on');
    };

    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
        timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
        nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
        signature: '<!--{$signature}-->',// 必填，签名，见附录1
        jsApiList: [
            'checkJsApi',
            'openLocation',
            'getLocation',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'scanQRCode'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function () {
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
        // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
        //         alert('成功');
        wx.onMenuShareAppMessage({
            title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
            desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
            link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
                $.getJSON("<!--{:U('Index/wxShare','',false)}-->", { csName: 'CY' }, function (data) {//回调入库
                });
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        wx.onMenuShareTimeline({
            title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
            desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
            link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
                $.getJSON("<!--{:U('Index/wxShare','',false)}-->", { csName: 'CY' }, function (data) {//回调入库
                });
            }

        });

        wx.onMenuShareQQ({
            title: '财富运势详批！', // 分享标题
            desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
            link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.onMenuShareQZone({
            title: '财富运势详批！', // 分享标题
            desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
            link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.onMenuShareWeibo({
            title: '财富运势详批！', // 分享标题
            desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
            link: '<!--{$Think.cookie.CYwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function (res) {
                // 用户确认分享后执行的回调函数
            }
        });

        wx.error(function (res) {
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
            //         alert('失败');
        });

        var appid = "<!--{$appId}-->";
        if (appid != '') {
            WeixinJSBridge.invoke(
                'getBrandWCPayRequest', {
                "appId": "<!--{$appId}-->",     //公众号名称，由商户传入
                "timeStamp": "<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                "nonceStr": "<!--{$nonceStr}-->", //随机串
                "package": "<!--{$package}-->",
                "signType": "<!--{$signType}-->",         //微信签名方式：
                "paySign": "<!--{$paySign}-->" //微信签名
            },
                function (res) {
                    if (res.err_msg == "get_brand_wcpay_request:ok") {
                        location.href = "<!--{:U('Bzcy/jieguoye','',false)}-->";
                    }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                }
            );
        }
    });

</script>

</html>